// 屏蔽鼠标右击事件
document.oncontextmenu = function() {
    return false;
  };
  // 鼠标事件
  $(document).mousedown(function(e) {
    var key = e.which;
    if (key == 3) {
      var x = e.clientX; //x坐标
      var y = e.clientY; //y坐标
      //获取menu的长宽
      var menuHeight = $(".right-menu").height();
      var menuWidth = $(".right-menu").width();
      //获取浏览器的可见长宽
      var clintHeight = getClientHeight();
      var clintWidth = getClientWidth();
      //判断
      if (menuHeight + y >= clintHeight) {
        y = clintHeight - menuHeight - 8;
      }
      if (menuWidth + x >= clintWidth) {
        x = clintWidth - menuWidth - 8;
      }
      //之前必须要绝对定位才行
      $(".right-menu")
        .show()
        .css({ left: x, top: y });
    }
  });
  //点击空白隐藏鼠标右键
  $(document).click(function(){
              $(".right-menu").hide();
          });
  
  // 浏览器的可见高度
  function getClientHeight() {
    var clientHeight = 0;
    if (document.body.clientHeight && document.documentElement.clientHeight) {
      clientHeight =
        document.body.clientHeight < document.documentElement.clientHeight
          ? document.body.clientHeight
          : document.documentElement.clientHeight;
    } else {
      clientHeight =
        document.body.clientHeight > document.documentElement.clientHeight
          ? document.body.clientHeight
          : document.documentElement.clientHeight;
    }
    return clientHeight;
  }
  // 浏览器的可见宽度
  function getClientWidth() {
    var clientWidth = 0;
    if (document.body.clientWidth && document.documentElement.clientWidth) {
      clientWidth =
        document.body.clientWidth < document.documentElement.clientWidth
          ? document.body.clientWidth
          : document.documentElement.clientWidth;
    } else {
      clientWidth =
        document.body.clientWidth > document.documentElement.clientWidth
          ? document.body.clientWidth
          : document.documentElement.clientWidth;
    }
    return clientWidth;
  }
  